<template>
	<view class="menuList">
		<view v-for="(item, index) in menuList" :key="index" class="menu-item" @click="navigateTo(item.url)">
			<text>{{ item.name }}</text>
			<uni-icons type="right" size="24rpx" color="#999999"></uni-icons>
		</view>
	</view>
</template>
<script>
export default {
	data(){
		return {
			menuList : [
				{ name: '费用收取', url: './expenseRule' },
				{ name: '交易规则', url: './dealRule' },
				{ name: '常见问题', url: './problem' }
			]
		}
	},
	onShow() {
		// 设置导航栏颜色
		uni.setNavigationBarColor({
			frontColor: '#ffffff',
			backgroundColor: this.$store.state.presentColor
		});
	},
	methods : {
		navigateTo(e){
			uni.navigateTo({
				url: e
			});
		}
	}
};
</script>
<style>
page {
	background: #f5f5f5;
}
</style>
<style lang="scss" scoped>
.menuList {
	padding: 0 26rpx;
	background: #ffffff;
	margin-top: 20rpx;
	.menu-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1rpx solid #e5e5e5;
		height: 100rpx;

		text {
			font-size: 24rpx;
			color: #333333;
		}
	}
}
</style>
